<!doctype html>
<html>
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="icon/iconfont.css">
    <link rel="stylesheet" type="text/css" href="index.css">
     <title>百度一下，你就知道</title>
    <script src="index.js"></script>
    </head>

<body>
    <!--header-->
    <div class="header">
        <ul id="ul1">
        	<li><a href="http://news.baidu.com/">新闻</a></li>
            <li><a href="https://www.hao123.com/">hao123</a></li>
            <li><a href="http://map.baidu.com/">地图</a></li>
            <li><a href="http://v.baidu.com/?fr=bd">视频</a></li>
            <li><a href="https://tieba.baidu.com/index.html">贴吧</a></li>
            <li><a href="http://xueshu.baidu.com/">学术</a></li>
            <li id="li1"><a href="#">登录</a></li>
            <li id="li"><a href="#">设置</a></li>
            <li id="li2"><a href="#">更多产品</a></li>
        </ul>
        <div class="sub">
        	<ul>
            	<li><a href="#">搜索设置</a></li>
                <li><a href="#">高级搜索</a></li>
                <li><a href="#">关闭预测</a></li>
                <li><a href="#">搜索历史</a></li>
            </ul>
        </div>
        <div class="sub1">
        	<dl>
            	<dt>更多产品</dt>
            </dl>
            <a href="https://www.nuomi.com/?cid=002540"><dl>
            	<dt><img src="images/celan_03.gif"></dt>
                <dd>糯米</dd>
            </dl></a>
            <a href="http://music.baidu.com/"><dl>
            	<dt><img src="images/celan_06.gif"></dt>
                <dd>音乐</dd>
            </dl></a>
            <a href="http://image.baidu.com/"><dl>
            	<dt><img src="images/celan_08.gif"></dt>
                <dd>图片</dd>
            </dl></a>
            <a href="https://zhidao.baidu.com/"><dl>
            	<dt><img src="images/celan_10.gif"></dt>
                <dd>知道</dd>
            </dl></a>
            <a href="https://wenku.baidu.com/"><dl>
            	<dt><img src="images/celan_12.gif"></dt>
                <dd>文库</dd>
            </dl></a>
            <a href="http://top.baidu.com/"><dl>
            	<dt><img src="images/celan_14.gif"></dt>
                <dd>风云榜</dd>
            </dl></a>
            <a href="https://www.baidu.com/more/"><dl id="last">
            	<dt>全部产品>></dt>
            </dl></a>
        </div>
    </div>
    <!--search-->
    <div class="search">
    	<img src="images/baidu_03.gif" class="m1"/>
        <div class="d1">
            <a href="#" class="a2"><i class="iconfont">&#xe6fd;</i></a>
            <input type="text" id="txt"/>
            <a href="" class="a1">百度一下</a>
            <ul id="ul"></ul>
        </div>
     </div>
    <!--footer-->
    <div class="footer">
    	  <img src="images/baidu_07.gif"  class="m2"/>
          <p>手机百度</p>
          <p class="p1"><a href="#">把百度设为主页</a><a href="#">关于百度About</a> <a href="#">Baidu百度推广</a></p>
		  <p class="p2">&copy;2017 Baidu <a href="#">使用百度前必读 意见反馈</a>京ICP证030173号<i class="iconfont">&#xe609;</i> 	 京公网安备11000002000001号<i class="iconfont">&#xe618;</i></p> 
    </div>
    <!--denglu-->
    <div class="loding">
    	<div class="up">
        	<b><i class="iconfont">&#xe602;</i>登录百度账号</b>
            <b><a href="javascript:;"><i class="iconfont">&#xe641;</i></a></b>
        </div>
        <div class="center">
        	<p><i class="iconfont">&#xe603;</i>短信快捷登录</p>
            <input type="text" placeholder="手机/邮箱/用户名">
            <input type="password" placeholder="密码">
            <input type="checkbox" checked="checked" >下次自动登录<a href="#">登录遇到问题</a>
            <input type="text" placeholder="验证码"><span></span>
            <input type="submit" value="登录">
            <a href="#">立即注册</a>
        </div>
        <div class="down">
        	<p>可以使用一下方式登录</p>
        </div>
    </div>
</body>
</html>
